<html>
    <body>
        <h1>This is heading 1</h1>
        <h2>This is heading 2</h2>
        <h3>This is heading 3</h3>
        <h4>This is heading 4</h4>
        <h5>This is heading 5</h5>
        <h6>This is heading 6</h6>
        <p>This is a paragraph</p>
        <a href="http://www.w3schools.com">This is a link</a>
        <br/>
        <img src="image.jpg" alt="girl image" align="center"/>
        <a href="#yellow">Link to yellow section</a>
        <hr/>
        <p><b>This text is bold</b></p>
        <p><strong>This text is strong</strong></p>
        <p><big>This text is big</big></p>
        <p><i>This text is italic</i></p>
        <p><em>This text is emphasized</em></p>
        <p><code>This is computer output</code></p>
        <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
        <pre>
        for i = 1 to 10
             print i
        next i
        </pre>
        <address>
            Written by W3Schools.com<br />
            <a href="mailto:us@example.org?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">Email us</a><br />
            Address: Box 564, Disneyland<br />
            Phone: +12 34 56 78
        </address>
        <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

        <bdo dir="rtl">
        Here is some Hebrew text
        </bdo>

        <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

        <p style="font-family:verdana; color:red; text-align:center">Red Verdana style example</p>
        <!-- <a> defines an anchor.  -->
        <p style="font-family:courier; font-size:30px; background-color:yellow"><a name="yellow"/>
            30px Courier style example</p>

        <table border="1">
            <caption>Title</caption>
            <tr>
                <th>col 1</th>
                <th>col 2</th>
                <th>col 3</th>
            </tr>
            <tr>
                <td colspan="2">1</td><td>2</td>
            </tr>
            <tr>
                <td>3</td><td>44444444444444444</td>
            </tr>
        </table>

        <h4>This table has no borders:</h4>
        <table border="0">
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>400</td>
                <td>500</td>
                <td>600</td>
            </tr>
        </table>

        <h4>Cell that spans two rows, celpading:</h4>
        <table border="1" cellpadding="10">
        <tr>
          <th>First Name:</th>
            <td>Bill Gates</td>
            </tr>
            <tr>
              <th rowspan="2">Telephone:</th>
                <td>555 77 854</td>
                </tr>
                <tr>
                  <td>555 77 855</td>
            </tr>
        </table>

        <h4>With cellspacing:</h4>
        <table border="1" cellspacing="10">
            <tr>
                <td>First</td>
                <td>Row</td>
            </tr>   
            <tr>
                <td>Second</td>
                <td>Row</td>
            </tr>
        </table>

        <br/><hr/>
        <form methos="post">
            Text<input type="text"/><br/>
            <input type="button" value="Button"/><br/>
            <input type="checkbox"/>Checkbox<br/>
            <input type="radio"/>Radio<br/>
            <input type="file"/><br/>
            Password<input type="password"><br/>
            <input type="submit"/><br/>
            
            <select name="select1">
                <option>option1</option>
                <option selected>option2</option>
                <option>option3</option> 
            </select>
        </form>
    </body>
</html>
